<%@ Page Language="VB" AutoEventWireup="false" CodeFile="login.aspx.vb" Inherits="login" Title="Login Page" Trace="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>User Login</title>
    <style type="text/css">
    
        .appName {
            font-family: Arial, MS Sans Serif, Verdana, Sans-Serif;
            font-size: 1.8em;
            font-weight: bold;
            background-image: url(images/gradient.jpg);
        }
        
        .appDept {
            font-family: Arial, MS Sans Serif, Verdana, Sans-Serif;
            font-size: 0.4em;
            font-weight: bold;
        }
        
        .loginOptions {
            font-family: verdana;
            font-size: 0.8em;
            background-image: url(images/gradient.jpg);
        }
    
        .loginFrame {
            background-color: WhiteSmoke;
            text-align: center;
            vertical-align: middle;
            border: 1px solid DarkGray;
        }
        
        .loginSection {
            font-family: verdana;
            font-size: 0.8em;
        }
    
    </style>
</head>
<body style="margin: 0px;">
    <form id="Form1" runat="server">
    <div style="position:relative; left:40px; top:40px;">
        <table width="800" style="border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid">
            <tr>
                <td valign="top" colspan="2">
                    <table width="100%" border="0" cellpadding="7" cellspacing="0">
                        <tr>
                            <td style="width: 953px" class="appName">
                                <asp:Label ID="lblAppName" runat="server"></asp:Label>
                                <br />
                                <asp:Label ID="lblDeptName" runat="server" CssClass="appDept"></asp:Label>
                            </td>
                            <td style="width: 782px" align="right" class="loginOptions">
                            &nbsp;
                       </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td align="left" style="width: 45%">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            
            <tr>
                <td style="width: 45%" align="center">
                    <table width="300" border="0" cellpadding="10" cellspacing="0" class="loginFrame">
                        
                        <tr>
                            <td>
           <table border="0" cellpadding="4" cellspacing="0" class="loginSection">
           <tr>
                        <td>&nbsp;</td>
                   <td align="left">
                        <asp:Label ID="ErrorLabel" runat="server" ForeColor="Firebrick" Visible="False" Font-Names="Verdana" Font-Size="Smaller"></asp:Label>&nbsp;
                       <asp:Label ID="MessageLabel" runat="server" ForeColor="Navy" Visible="False"></asp:Label>
                    </td>
               </tr>
           <tr><td align="left">
           <asp:Label runat="server" ID="UserIdLabel" AssociatedControlID="UserIdTextBox">User ID:</asp:Label>
            </td><td align="left"><asp:TextBox ID="UserIdTextBox" runat="server" Width="150px"></asp:TextBox>
                <asp:RequiredFieldValidator ID="UserIdRequiredFieldValidator" runat="server" ControlToValidate="UserIdTextBox"
                    ErrorMessage="*" ForeColor="Firebrick" ToolTip="User ID is a required field."></asp:RequiredFieldValidator></td></tr>
            <tr><td align="left">
            <asp:Label runat="server" ID="PasswordLabel" AssociatedControlID="PasswordTextBox">Password:</asp:Label>
            </td><td align="left">
            <asp:TextBox ID="PasswordTextBox" runat="server" TextMode="Password" Width="150px" MaxLength="50"></asp:TextBox>
                <asp:RequiredFieldValidator ID="PasswordRequiredFieldValidator" runat="server" ControlToValidate="PasswordTextBox"
                    ErrorMessage="*" ForeColor="Firebrick" ToolTip="Password is a required field."></asp:RequiredFieldValidator></td></tr>
               <tr>
                   <td>
                   </td>
                   <td align="left">
                        <asp:Button ID="LoginButton" runat="server" Text="Login" />
                        <br /><br />
                        <asp:LinkButton ID="ForgotPasswordLinkButton" runat="server" CausesValidation="False">I forgot my password</asp:LinkButton>
                        </td>
               </tr>
               
           </table>
                </td>
                        </tr>
                    </table>
                </td>
                <td align="center" valign="middle">
            <asp:Image ID="imgLogo" AlternateText="Logo - State of Rhode Island Department of Human Services" runat="server"/></td>
            </tr>
            <tr>
                <td style="width: 45%">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>
    </div>   
    </form>
</body>
</html>
